<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="网站关键词">
    <meta name="Description" content="网站介绍">
    <link rel="stylesheet" th:href="@{/login/css/base.css}">
    <link rel="stylesheet" th:href="@{/login/css/iconfont.css}">
    <link rel="stylesheet" th:href="@{/login/css/reg.css}">
</head>
<body>
    <div id="ajax-hook"></div>
    <div class="wrap">
        <div class="wpn">
            <div class="form-data pos">
                <a href=""><img th:src="@{/login/img/logo.png}" class="head-logo"></a>
                <!--<p class="tel-warn hide"><i class="icon-warn"></i></p>-->
                <form th:action="@{/addusers}" method="post">
                <p class="p-input pos " id="pwd2">
                    <label for="passport">姓名</label>
                    <input type="text"  name="usersName" id="">
                    <span class="tel-warn pwd-err hide"><em></em><i class="icon-warn" style="margin-left: 5px"></i></span>
                </p>
                    <p class="p-input pos">
                        <label for="num2">手机号</label>
                        <input type="number" name="usersPhone"  id="num2" autocomplete="off">
                        <span class="tel-warn num2-err hide"><em>手机号已注册</em><i class="icon-warn"></i></span>
                    </p>
                    <p class="p-input pos">
                        <label for="veri-code">输入验证码</label>
                        <input type="number" name="yzm" id="veri-code">
                        <a href="javascript:;" class="send">发送验证码</a>
                        <span class="time hide"><em>120</em>s</span>
                        <span class="tel-warn error hide">验证码错误</span>
                    <span th:if="${not #strings.isEmpty(a)}" th:text="${a}" style="color: red"></span>
                    </p>
                    <p class="p-input pos " id="pwd">
                        <label for="passport">输入密码</label>
                        <input type="password" style="display: none"/>
                        <input type="password"  name="usersPassword" id="passport">
                        <span class="tel-warn pwd-err hide"><em></em><i class="icon-warn" style="margin-left: 5px"></i></span>
                    </p>

                <div class="reg_checkboxline pos">
                    <span class="z"><i class="icon-ok-sign boxcol" nullmsg="请同意!"></i></span>
                    <input type="hidden" name="agree" value="1">
                    <div class="Validform_checktip"></div>
                    <p>我已阅读并接受 <a href="#" target="_brack">《XXXX协议说明》</a></p>
                </div>
                <button class="add"  type="submit">注册</button>
                </form>
                <div class="bottom-info">已有账号，<a th:href="@{/}">马上登录</a></div>
                <div class="third-party">
                    <a href="#" class="log-qq icon-qq-round"></a>
                    <a href="#" class="log-qq icon-weixin"></a>
                    <a href="#" class="log-qq icon-sina1"></a>
                </div>
                <p class="right">Powered by © 2018</p>
            </div>
        </div>
    </div>
    <script th:src="@{/login/js/jquery.js}"></script>
    <script th:src="@{/login/js/agree.js}"></script>
    <script th:src="@{/login/js/reg.js}"></script>
</body>
<style>
    .add{
        width: 340px;
        font-size: 18px;
        font-weight: bold;
        color: white;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin: 20px auto;
        display: block;
        border-radius: 5px;
        cursor: pointer;
        background-color: #42a5f5;
    }
</style>
</html>